今天會使用到的屬性是
v-model
v-model 在這邊使用時會像是綁定在(input,select,textarea...)這些上面，只要使用者輸入或是選擇了哪一個選項就會直接的顯示在畫面上。
//在data裡面先新增一個變數
data:{
model_data:'',
}
再來是 id="myApp" 的標籤裡面加入
//以最簡單的例子input來示範
<input type="text" v-model="model_data">
<h1>我輸入的東西：{{ model_data }}</h1>
這樣是不是很簡單就完成了呢！
試著做做看其他的標籤，是不是也跟你想的一樣呢！
iThome鐵人賽
看影片追技術